
<template>
  <div>
    <el-card shadow="never">
      <div slot="header" class="clearfix" >
        <span>账户信息</span>
      </div>
      <el-descriptions title="">
        <el-descriptions-item label="可用余额">100.00</el-descriptions-item>
        <el-descriptions-item label="待结算余额">0.00</el-descriptions-item>
        <el-descriptions-item label="方式">100.00</el-descriptions-item>
        <el-descriptions-item label="周期">100.00</el-descriptions-item>
        <el-descriptions-item label="手续费">100.00</el-descriptions-item>
      </el-descriptions>
    </el-card>
    <div style="height: 20px"></div>
    <el-card shadow="never">
      <div style="width: 600px;">
        <SubmitForm @save="onSubmit" label-position="right" label-width="120px" :form-list="formList" :rule-form="ruleForm"></SubmitForm>
      </div>
    </el-card>

    <el-dialog
        title="确认提现U"
        :visible.sync="dialogValue"
        width="400px">
      <el-descriptions border :column="1">
        <el-descriptions-item label="转账金额">100.00</el-descriptions-item>
        <el-descriptions-item label="到账金额">100.00</el-descriptions-item>
        <el-descriptions-item label="手续费">100.00</el-descriptions-item>
        <el-descriptions-item label="到账商户号">100.00</el-descriptions-item>
      </el-descriptions>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogValue = false">取 消</el-button>
        <el-button type="primary" @click="dialogValue = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>

import crud from "@/mixins/crud";
import SubmitForm from "@/components/SubmitForm.vue";

export default {
  name: "index",
  components: {SubmitForm},
  mixins: [crud],
  data() {
    return {
      dialogValue: false,
      // 转账金额、到账商户号、到账虚拟账户、支付密码
      formList: [
        {
          label: '转账金额',
          prop: 'transferAmount',
          name: 'input',
          placeholder: '请输入转账金额',
          rules: [
            {required: true, message: '请输入转账金额', trigger: 'blur'}
          ]
        },
        {
          label: '到账商户号',
          prop: 'merchantNo',
          name: 'input',
          placeholder: '请输入到账商户号',
          rules: [
            {required: true, message: '请输入到账商户号', trigger: 'blur'}
          ]
        },
        {
          label: '支付密码',
          prop: 'paymentPassword',
          placeholder: '请输入支付密码',
          name: 'input',
          type: 'password',
          showPassword: true,
          rules: [
            {required: true, message: '请输入支付密码', trigger: 'blur'}
          ]
        },
        {
          label: '谷歌验证码',
          prop: 'emailCode',
          name: 'input',
          placeholder: '请输入谷歌验证码',
          rules: [{required: true, message: '请输入谷歌验证码', trigger: 'blur'}]
        }
      ],
    }
  },
  methods: {
    onSubmit() {
      console.log('----')
      this.dialogValue = true
    }
  }
}
</script>

<style scoped lang="scss">

</style>
